.section-management {
    background: #f7fdfe;

    .inner {
        padding-top: px2rem($header-height);
    }

    .title {
        margin: px2rem(50px auto 160px);
        font-size: px2em(42px);
        line-height: 1;
        text-align: center;
        color: #5e7e9f;
    }

    .users {
        display: flex;
        justify-content: space-between;
        margin: auto;
        width: px2rem($min-width);
        padding: 0;
        list-style-type: none;

        li {
            position: relative;
            flex: 0 0 px2rem(343px);
            height: px2rem(408px);
            @include sm {
                height: px2rem(450px);
            }
            background: #fff linear-gradient(to right, #4458fa 0, #5ed6ee 100%)
                bottom / 100% 5px no-repeat;
        }
    }

    .username {
        margin: auto;
        width: px2rem(150px);
        height: px2rem(150px);
        font-size: px2em(22px);
        font-weight: bold;
        text-align: center;
        line-height: px2rem(126px);
        color: #282c48;
        transform: translateY(px2rem(-75px));
        background: #fff;
        border: px2em(12px, 22) solid #dedfe4;
        border-radius: 50%;
    }

    .position {
        margin: px2rem(-50px) auto 0;
        font-size: 1em;
        line-height: 1;
        text-align: center;
        color: #636363;
    }

    .desc {
        margin: auto;
        padding: px2rem(40px 20px 0);
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: px2em(13px);
        line-height: 2;
        @include sm {
            padding: px2rem(30px 20px 0);
            line-height: 1.6;
        }
        color: #3a3a3a;
    }
}
